<template>
  <div class="test">
    <h1>付组件的h1</h1>
    <p class="pp">ppp</p>
    <HelloWorldVue msg="hi whidy"></HelloWorldVue>
  </div>
</template>

<script lang="ts" setup>
import HelloWorldVue from '@/components/HelloWorld.vue';
</script>

<style scoped>
.pp {
  color: yellow;
}
.test h1 {
  font-weight: bold;
  /* margin-left: 10px; */
}

/* https://vuejs.org/api/sfc-css-features.html#scoped-css */
.test :deep(h1) {
  margin-left: 10px;
}

/* .el-dialog__title {
  margin-right: 10px;
} */
</style>
